<template>
  <el-container>

    <el-tabs v-model="activeName" style="margin-left: 20px;margin-top: 20px">
      <el-tab-pane label="选择规则类型" name="first" :disabled="true">
        <el-form
          ref="crulePowerForm"
          :model="crulePowerForm"
          class="dataForm"
        >

          <el-form-item
            class="mb30 w326 labelTextSize14 errorInfoPosition labelColor666"
          >
            <span style="color:red">*</span>
            <span class="color666 font14">消耗方式：</span>
            <el-select
              v-model="crulePowerForm.consumeMode"
              @change="selectconsumeMode($event)"
              placeholder="请选择消耗方式"
              :size="size"
              clearable
              :disabled="editTypeDis"
            >
              <el-option
                v-for="item in consumeModeTypeList"
                :key="item.consumeMode"
                :label="item.consumeName"
                :value="item.consumeMode"
              ></el-option>
            </el-select>
          </el-form-item>
          <el-form-item class="mb120 w326 labelTextSize14 labelColor666">
            <span style="color:red">*</span>
            <span class="font14 color666">规则名称：</span>
            <el-input v-model="crulePowerForm.ruleName" clearable placeholder="请输入规则名称" style="width: 300px" maxlength="20" :size="size"></el-input>
          </el-form-item>
          <div class="t_c">
            <el-button
              :size="size"
              @click="creturnRuleList"
              plain
              type="primary"
              class="mr60"
            >{{ $t("action.cancel") }}</el-button>
            <el-button
              :size="size"
              type="primary"
              @click="cnextStepRulePower(1)"
              :loading="ceditLoading"
            >下一步</el-button>
          </div>
        </el-form>
      </el-tab-pane>

      <el-tab-pane label="设置规则" :disabled="true" name="second">
        <el-form
          ref="crulePowerForm"
          :model="crulePowerForm"
          :size="size"
        >
          <el-row v-show="red">
            <el-row class="mb30">
              <span class="font16 color000">兑换红包</span>
            </el-row>
            <el-form-item class="formItemNoMargin">
              <el-radio-group v-model="crulePowerForm.exchangeType" class="mb30">
                <el-radio label="1" class="form-radio mr60 color333">按比例兑换</el-radio>
                <el-radio label="2" class="form-radio color333">固定数额兑换</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item v-show="crulePowerForm.exchangeType==1">
              <el-form-item  class="labelTextSize14 labelTextColor666 w200 mb120">
                <span style="color:red">*</span>
                <span class="color333">兑换比例：</span>
                <el-input
                  placeholder="输入数字"
                  clearable
                  v-model="crulePowerForm.exchangeIntegral"
                  maxlength="5"
                  @input="crulePowerForm.exchangeIntegral=crulePowerForm.exchangeIntegral.replace(/[^\d.]/g,'')"
                ></el-input>
                <span class="turnInlineBLock m_l10 mr10">积分</span>
                <el-input
                  placeholder="输入数字"
                  clearable
                  v-model="crulePowerForm.exchangeMoney"
                  maxlength="5"
                  @input="crulePowerForm.exchangeMoney=crulePowerForm.exchangeMoney.replace(/[^\d.]/g,'')"
                ></el-input>
                <span class="turnInlineBlock m_l10">金额</span>
              </el-form-item>
            </el-form-item>
            <el-form-item v-show="crulePowerForm.exchangeType==2">
              <el-form-item

                class="labelTextColor666 labelTextSize14 w200 mb30"
                label-width="112px"
              >
                <span style="color:red">*</span>
                <span class="color333">消耗：</span>
                <el-input
                  placeholder="输入数字"
                  clearable
                  v-model="crulePowerForm.consumeIntegralNum"
                  oninput="value=value.replace(/[^\d]/g,'')"
                  maxlength="5"
                  @input="crulePowerForm.consumeIntegralNum=crulePowerForm.consumeIntegralNum.replace(/[^\d.]/g,'')"
                ></el-input>
                <span class="turnInlineBlock m_l10">积分，兑换优惠券/红包</span>
              </el-form-item>
              <el-form-item  class="labelTextColor666 labelTextSize14 mb120">
                <span style="color:red">*</span>
                <span class="color333">兑换优惠券编码：</span>
                <el-input
                  clearable
                  v-model="crulePowerForm.exchangeCouponRedEnvelopes"
                  class="w356"
                  oninput="value=value.replace(/[^\d]/g,'')"
                  maxlength="5"
                  @input="crulePowerForm.exchangeCouponRedEnvelopes=crulePowerForm.exchangeCouponRedEnvelopes.replace(/[^\d.]/g,'')"
                ></el-input>
              </el-form-item>
            </el-form-item>
          </el-row>

          <el-row v-show="coupon">
            <el-row class="mb30">
              <span class="font16 color000">兑换优惠券</span>
            </el-row>
            <el-form-item class="formItemNoMargin">
              <el-radio-group v-model="crulePowerForm.exchangeType" class="mb30">
                <el-radio label="1" class="form-radio mr60 color333">按比例兑换</el-radio>
                <el-radio label="2" class="form-radio color333">固定数额兑换</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item v-show="crulePowerForm.exchangeType==1">
              <el-form-item  class="labelTextSize14 labelTextColor666 w200 mb120">
                <span style="color:red">*</span>
                <span class="color333">兑换比例：</span>
                <el-input
                  placeholder="输入数字"
                  clearable
                  v-model="crulePowerForm.exchangeIntegral"
                  maxlength="5"
                  @input="crulePowerForm.exchangeIntegral=crulePowerForm.exchangeIntegral.replace(/[^\d.]/g,'')"
                ></el-input>
                <span class="turnInlineBLock m_l10 mr10">积分</span>
                <el-input
                  placeholder="输入数字"
                  clearable
                  v-model="crulePowerForm.exchangeMoney"
                  maxlength="5"
                  @input="crulePowerForm.exchangeMoney=crulePowerForm.exchangeMoney.replace(/[^\d.]/g,'')"
                ></el-input>
                <span class="turnInlineBlock m_l10">金额</span>
              </el-form-item>
            </el-form-item>
            <el-form-item v-show="crulePowerForm.exchangeType==2">
              <el-form-item

                class="labelTextColor666 labelTextSize14 w200 mb30"
                label-width="112px"
              >
                <span style="color:red">*</span>
                <span class="color333">消耗：</span>
                <el-input
                  placeholder="输入数字"
                  clearable
                  v-model="crulePowerForm.consumeIntegralNum"
                  maxlength="5"
                  @input="crulePowerForm.consumeIntegralNum=crulePowerForm.consumeIntegralNum.replace(/[^\d.]/g,'')"
                ></el-input>
                <span class="turnInlineBlock m_l10">积分，兑换优惠券/红包</span>
              </el-form-item>
              <el-form-item  class="labelTextColor666 labelTextSize14 mb120">
                <span style="color:red">*</span>
                <span class="color333">兑换优惠券编码：</span>
                <el-input
                  clearable
                  v-model="crulePowerForm.exchangeCouponRedEnvelopes"
                  class="w356"
                  oninput="value=value.replace(/[^\d]/g,'')"
                  maxlength="5"
                  @input="crulePowerForm.exchangeCouponRedEnvelopes=crulePowerForm.exchangeCouponRedEnvelopes.replace(/[^\d.]/g,'')"
                ></el-input>
              </el-form-item>
            </el-form-item>
          </el-row>

          <el-row v-show="consume">
            <el-row class="mb30">
              <span class="font16 color000">消费抵现</span>
            </el-row>
            <el-row>
              <el-form-item
                prop="consumeIntegralMaxNum"
                class="labelTextColor666 labelTextSize14 w200"
              >
                <span style="color:red">*</span>
                <span class="color333">每笔订单需满足：</span>
                <el-input
                  placeholder="输入数字"
                  v-model="crulePowerForm.giveIntegralNum"
                  @input="crulePowerForm.giveIntegralNum=crulePowerForm.giveIntegralNum.replace(/[^\d.]/g,'')"
                  maxlength="5"
                  clearable
                ></el-input>
                <span class="turnInlineBlock m_l10">积分，才能使用。</span>
              </el-form-item>
            </el-row>

            <el-row>
              <el-form-item
                prop="consumeIntegralMaxNum"
                class="labelTextColor666 labelTextSize14 w200"
              >
                <span style="color:red">*</span>
                <span class="color333">订单消耗积分上限：</span>
                <el-input
                  placeholder="输入数字"
                  v-model="crulePowerForm.consumeIntegralMaxNum"
                  @input="crulePowerForm.consumeIntegralMaxNum=crulePowerForm.consumeIntegralMaxNum.replace(/[^\d.]/g,'')"
                  maxlength="5"
                  clearable
                ></el-input>
                <span class="turnInlineBlock m_l10">积分</span>
              </el-form-item>
            </el-row>
          </el-row>

        </el-form>
        <div class="t_c">
          <el-button
            :size="size"
            type="primary"
            @click="cupStep(2)"
            :loading="ceditLoading"
            class="mr60"
          >上一步</el-button>
          <el-button
            :size="size"
            type="primary"
            @click="cnextStepRulePower(2)"
            :loading="ceditLoading"
            class="mr60"
          >下一步</el-button>
          <el-button
            :size="size"
            type="primary"
            @click="creturnRuleList"
          >返回规则列表</el-button>
        </div>
      </el-tab-pane>

      <el-tab-pane :label="addRuleSuccess" :disabled="true" name="third">
        <div class="positionDes">
            <span class="ruleClass font16">
              <img src="../../../../assets/success.png" class="successImg" />
              <span>规则创建成功</span>
            </span>
          <img v-bind:src="imgUrl" />
        </div>
        <div class="positionDes">
            <span
              class="ruleDes font12 colorOrange mb120 turnInlineBlock"
              v-show="addSuccess == true"
            >该规则现为【停用】状态，请手动操作【启用】</span>
        </div>
        <div class="positionDes">
          <el-button :size="size" type="primary" @click="creturnRuleList">返回</el-button>
        </div>
      </el-tab-pane>
    </el-tabs>
  </el-container>
</template>
<script>
import KtButton from "@/views/Core/KtButton";
export default {
  components: {
    KtButton
  },
  data() {
    return {
      consumeModeTypeList: [
        {
          "consumeMode": 1,
          "consumeName": "消费抵现金"
        }
      ],
      activeName: "first",
      crulePowerForm: {
        consumeIntegralNum: null,
        orderConsume: null,
        deptName: null,
        ruleType: 2,
        exchangeType:"1",
        ruleName: null,
        ruleNum: null,
        consumeIntegralMaxNum: null,
        exchangeIntegral: null,
        exchangeCouponRedEnvelopes: null,
        exchangeName: null,
        giveIntegralMaxNum: null,
        giveIntegralNum: null,
        consumeMode: null,
        obtainMode: null,
        exchangeMoney: null,
        giveGrowthMaxNum: null
      },
      size: "mini",
      ceditLoading: false,
      addRuleSuccess: "创建成功",
      addSuccess: true,
      imgUrl: "",
      red: false,
      coupon: false,
      consume: false,
      editTypeDis: false, //规则获取方式默认可选取
      ruleId:this.$route.params.ruleId,
      ruleType:this.$route.params.ruleType,
      ruleMode:this.$route.params.ruleMode,
    };
  },
  methods: {
    creturnRuleList: function() {
      this.$router.push({path: '/pages/Member/IntegraRulelList'})
    },

    cupStep(data) {
      if (data == 2) {
        this.activeName = "first";
        this.$refs.crulePowerForm.exchangeType = null;
      } else if (data == 3) {
        this.activeName = "second";
      }
    },

    selectconsumeMode(id) {
      let obj = {};
      obj = this.consumeModeTypeList.find(item => {
        //model就是上面的数据源
        if (item.consumeMode == id) {
          this.crulePowerForm.consumeMode = id;
          this.crulePowerForm.consumeName = item.consumeName;
          this.crulePowerForm.obtainModeName = item.consumeName;
          if (item.consumeMode == 1) {
            //消费抵现
            this.consume = true;
            this.red = false;
            this.coupon = false;

          } else if (item.consumeMode == 2) {

            this.coupon = true;
            this.consume = false;
            this.red = false;

          } else if (item.consumeMode == 3) {

            this.consume = false;
            this.red = true;
            this.coupon = false;

          }
        }
      });
    },

    queryEditDetail: function() {

      let this_ = this;
      this_.addIntegraDelTitle = "编辑积分消耗规则";
      this_.addRuleSuccess = "修改成功";
      this_.addSuccess = false;
      this_.editTypeDis = true;
      this_.crulePowerForm.exchangeType = 0;

      let query = {};

      this.crulePowerForm.ruleType = this.ruleType;
      this.crulePowerForm.ruleId = this.ruleId;
      this.crulePowerForm.consumeMode = this.ruleMode;

      let consumeMode = this.ruleMode;
      //查询数据渲染表格orderFlag
      query.ruleType = this.ruleType;
      query.ruleId = this.ruleId;
      query.consumeMode = consumeMode;

      this.crulePowerForm.ruleType = this.ruleType;
      this.crulePowerForm.ruleId = this.ruleId;
      this.crulePowerForm.consumeMode = this.obtainMode;

      this.selectconsumeMode(consumeMode);
      this.consumeModeTypeList.find(item => {
        if (item.consumeMode == consumeMode) {
          this.crulePowerForm.consumeMode =  item.consumeName;
        }})

      this.utils.request.queryMemberIntegralInfo(query, function(res) {
        this_.crulePowerForm.deptName = res.data.deptName;
        this_.crulePowerForm.ruleName = res.data.ruleName;
        if (
          "" == res.data.giveIntegralMaxNum ||
          null == res.data.giveIntegralMaxNum
        ) {
          res.data.giveIntegralMaxNum = null;
        }
        if (res.code == "0000") {
          if (
            res.data.actionType == 5 ||
            res.data.actionType == 6 ||
            res.data.actionType == 7 ||
            res.data.actionType == 8 ||
            res.data.actionType > 8
          ) {
            this_.crulePowerForm.ruleId = res.data.ruleId;
            this_.crulePowerForm.giveIntegralNum = res.data.giveIntegralNum;
            this_.crulePowerForm.giveIntegralMaxNum =res.data.giveIntegralMaxNum == 0?null : res.data.giveIntegralMaxNum;
          }

          if (query.consumeMode == 1 || query.consumeMode > 8) {
            //消费抵现
            this_.crulePowerForm.ruleId = res.data.ruleId;
            this_.crulePowerForm.consumeIntegralMaxNum = res.data.consumeIntegralMaxNum;
            this_.crulePowerForm.giveIntegralNum = res.data.giveIntegralNum;
          }

          if (query.consumeMode == 2) {
            //  兑换优惠券
            if (res.data.exchangeType == 1) {
              this_.crulePowerForm.ruleId = res.data.ruleId;
              this_.crulePowerForm.exchangeIntegral = res.data.exchangeIntegral;
              this_.crulePowerForm.exchangeType = 1 + "";
              this_.crulePowerForm.exchangeMoney = res.data.exchangeMoney;
            }
            if (res.data.exchangeType == 2) {
              this_.crulePowerForm.ruleId = res.data.ruleId;
              this_.crulePowerForm.consumeIntegralNum =
                res.data.consumeIntegralNum;
              this_.crulePowerForm.exchangeType = 2 + "";
              this_.crulePowerForm.exchangeCouponRedEnvelopes =
                res.data.exchangeCouponRedEnvelopes;
            }
          }
          if (query.consumeMode == 3) {
            // 红包
            if (res.data.exchangeType == 1) {
              this_.crulePowerForm.ruleId = res.data.ruleId;
              this_.crulePowerForm.exchangeIntegral = res.data.exchangeIntegral;
              this_.crulePowerForm.exchangeType = 1 + "";
              this_.crulePowerForm.exchangeMoney = res.data.exchangeMoney;
            }
            if (res.data.exchangeType == 2) {
              this_.crulePowerForm.ruleId = res.data.ruleId;
              this_.crulePowerForm.consumeIntegralNum =
                res.data.consumeIntegralNum;
              this_.crulePowerForm.exchangeType = 2 + "";
              this_.crulePowerForm.exchangeCouponRedEnvelopes =
                res.data.exchangeCouponRedEnvelopes;
            }
          }
        }
      });
    },

    cnextStepRulePower(data) {
      var this_ = this;
      if (data == 1) {
        if (
          "" == this_.crulePowerForm.ruleName ||
          null == this_.crulePowerForm.ruleName
        ) {
          this_.$message({ message: "请输入规则名称", type: "error" });
          return;
        }
        if (
          "" == this_.crulePowerForm.consumeMode ||
          null == this_.crulePowerForm.consumeMode
        ) {
          this_.$message({ message: "请选择消耗类型", type: "error" });
          return;
        }
        this.activeName = "second";
      } else if (data == 2) {
        this_.crulePowerForm.ruleType = 2;
        if (this_.crulePowerForm.consumeMode == 1) {
          //消费抵现金
          if (
            "" == this_.crulePowerForm.consumeIntegralMaxNum ||
            null == this_.crulePowerForm.consumeIntegralMaxNum
          ) {
            this_.$message({ message: "积分数不能为空", type: "error" });
            return;
          }
        } else if (this_.crulePowerForm.consumeMode == 2) {
          //兑换优惠券
          var numReg = /^[0-9]+$/;
          var numRe = new RegExp(numReg);
          if (this_.crulePowerForm.exchangeType == 1) {
            this_.crulePowerForm.exchangeCouponRedEnvelopes = "";
            if (
              "" == this_.crulePowerForm.exchangeIntegral ||
              null == this_.crulePowerForm.exchangeIntegral
            ) {
              this_.$message({ message: "积分数不能为空", type: "error" });
              return;
            }
            if (
              "" == this_.crulePowerForm.exchangeMoney ||
              null == this_.crulePowerForm.exchangeMoney
            ) {
              this_.$message({ message: "金额不能为空", type: "error" });
              return;
            }
            if (!numRe.test(this_.crulePowerForm.exchangeIntegral)) {
              this_.$message({
                type: "warning",
                message: "积分值为整数",
                duration: 10000,
                showClose: true
              });
              return;
            }
            if (
              "" != this_.crulePowerForm.exchangeMoney &&
              this_.crulePowerForm.exchangeMoney != null
            ) {
              if (!numRe.test(this_.crulePowerForm.exchangeMoney)) {
                this.$message({
                  type: "warning",
                  message: "金额为整数",
                  duration: 10000,
                  showClose: true
                });
                return;
              }
            }
          } else if (this_.crulePowerForm.exchangeType == 2) {
            this_.crulePowerForm.exchangeIntegral = "";
            if (
              "" == this_.crulePowerForm.consumeIntegralNum ||
              null == this_.crulePowerForm.consumeIntegralNum
            ) {
              this_.$message({ message: "积分数不能为空", type: "error" });
              return;
            }
            if (!numRe.test(this_.crulePowerForm.consumeIntegralNum)) {
              this_.$message({
                type: "warning",
                message: "积分值为整数",
                duration: 10000,
                showClose: true
              });
              return;
            }
            if (
              "" == this_.crulePowerForm.exchangeCouponRedEnvelopes ||
              null == this_.crulePowerForm.exchangeCouponRedEnvelopes
            ) {
              this_.$message({ message: "红包编号不能为空", type: "error" });
              return;
            }
          } else if (
            "" == this_.crulePowerForm.consumeIntegralMaxNum ||
            null == this_.crulePowerForm.consumeIntegralMaxNum
          ) {
            this_.$message({
              message: "订单消耗积分上限不能为空",
              type: "error"
            });
            return;
          }
        } else if (this_.crulePowerForm.consumeMode == 3) {
          //兑换红包
          var numReg = /^[0-9]+$/;
          var numRe = new RegExp(numReg);
          if (this_.crulePowerForm.exchangeType == 1) {
            this_.crulePowerForm.exchangeCouponRedEnvelopes = "";
            if (
              "" == this_.crulePowerForm.exchangeIntegral ||
              null == this_.crulePowerForm.exchangeIntegral
            ) {
              this_.$message({ message: "积分数不能为空", type: "error" });
              return;
            }
            if (
              "" == this_.crulePowerForm.exchangeMoney ||
              null == this_.crulePowerForm.exchangeMoney
            ) {
              this_.$message({ message: "金额不能为空", type: "error" });
              return;
            }
            if (!numRe.test(this_.crulePowerForm.exchangeIntegral)) {
              this_.$message({
                type: "warning",
                message: "积分值为整数",
                duration: 10000,
                showClose: true
              });
              return;
            }
            if (
              "" != this_.crulePowerForm.exchangeMoney &&
              this_.crulePowerForm.exchangeMoney != null
            ) {
              if (!numRe.test(this_.crulePowerForm.exchangeMoney)) {
                this.$message({
                  type: "warning",
                  message: "金额为整数",
                  duration: 10000,
                  showClose: true
                });
                return;
              }
            }
          } else if (this_.crulePowerForm.exchangeType == 2) {
            this_.crulePowerForm.exchangeIntegral = "";
            if (
              "" == this_.crulePowerForm.consumeIntegralNum ||
              null == this_.crulePowerForm.consumeIntegralNum
            ) {
              this_.$message({ message: "积分数不能为空", type: "error" });
              return;
            }
            if (!numRe.test(this_.crulePowerForm.consumeIntegralNum)) {
              this_.$message({
                type: "warning",
                message: "积分值为整数",
                duration: 10000,
                showClose: true
              });
              return;
            }
            if (
              "" == this_.crulePowerForm.exchangeCouponRedEnvelopes ||
              null == this_.crulePowerForm.exchangeCouponRedEnvelopes
            ) {
              this_.$message({ message: "红包编号不能为空", type: "error" });
              return;
            }
          } else if (
            "" == this_.crulePowerForm.consumeIntegralMaxNum ||
            null == this_.crulePowerForm.consumeIntegralMaxNum
          ) {
            this_.$message({
              message: "订单消耗积分上限不能为空",
              type: "error"
            });
            return;
          }
        }
        var params = Object.assign({}, this_.crulePowerForm);
        this_.ceditLoading = true;
        if (params.ruleId != null && params.ruleId != "") {

          this.consumeModeTypeList.find(item => {
            if (item.consumeName == params.consumeMode) {
              params.consumeMode =  item.consumeMode;
            }})

          this_.utils.request.editMemberIntegraInfo(params, function(res) {
            if (res.code == "0000") {
              this_.activeName = "third";
              this_.ceditLoading = false;
            } else {
              this_.$message({
                message: "操作失败, " + res.msg,
                type: "error"
              });
              this_.ceditLoading = false;
            }
          });
        } else {
          this_.utils.request.editIntegraRuleInfo(params, function(res) {
            if (res.code == "0000") {
              this_.activeName = "third";
              this_.ceditLoading = false;
            } else {
              this_.$message({
                message: "操作失败, " + res.msg,
                type: "error"
              });
              this_.ceditLoading = false;
            }
          });
        }
      }
    },

  },
  mounted() {
    this.queryEditDetail();
  },
};
</script>

<style scoped lang='scss'>
  .type {
    display: flex;
    align-items: center;
  }
  .type p {
    text-align: right;
    margin-right: 20px;
    width: 120px;
  }
  .newUserOrder {
    margin-top: 2%;
    width: 20%;
    margin-left: 2%;
  }
  .font {
    font-size: 18px;
    font-weight: 800;
  }
  .ruleDes {
    color: #ffdead;
    font-size: 20px;
  }
  .positionDes {
    text-align: center;
    margin-top: 2%;
  }
  .ruleClass {
    font-size: 30px;
  }
  .everyCostHandleSel {
    /deep/ .el-input {
      width: 20%;
    }
  }
  .longInput {
    .timePicker {
      /deep/ .el-input {
        width: 201px !important;
      }
    }
  }
  .alignment {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
  }

  .input100 {
    /deep/ .el-input {
      width: 82px !important;
    }
  }
  .mb18 {
    margin-bottom: 18px;
  }

  .mt18 {
    margin-top: 18px;
  }

  // dialog标题的样式问题
  .span-title {
    font-size: 28px;
    color: #333333;
  }
  //下拉选择框icon对齐
  .iconAlignment {
    /deep/ .el-input__icon {
      line-height: 32px !important;
    }
  }
  .mb120 {
    margin-bottom: 120px !important;
  }
  .mr60 {
    margin-right: 60px !important;
  }
  /deep/ .w138 {
    width: 138px !important;
    /deep/ .el-input__inner {
      width: 138px !important;
    }
  }
  /deep/ .w350 {
    width: 350px !important;
    .el-input__inner {
      width: 350px !important;
    }
  }
  /deep/ .w365 {
    width: 365px !important;
    .el-input__inner {
      width: 365px !important;
    }
  }
  .textRed {
    color: red !important;
  }
  .noMarginL {
    margin-left: 0 !important;
  }
  .w70 {
    display: inline-block;
    width: 70px !important;
  }
  .colorOrange {
    color: #e7aa4e !important;
  }
  .turnInlineBlock {
    display: inline-block !important;
  }
  .successImg {
    width: 18px;
    height: 18px;
    vertical-align: middle;
  }
  /deep/ .w115 {
    display: inline-block;
    width: 110px;
    text-align: right;
  }

  .mb40 {
    margin-bottom: 40px;
  }
  .labelText {
    color: #999999;
    font-size: 16px;
  }
  .w125 {
    display: inline-block;
    width: 125px;
    text-align: right;
  }
  .w90 {
    display: inline-block;
    width: 90px;
    text-align: right;
  }
  /deep/ .editDialogInput125 {
    width: 120px !important;
    /deep/ .el-input__inner {
      width: 120px !important;
    }
  }
  /deep/ .editDialogInput78 {
    width: 71px !important;
    /deep/ .el-input__inner {
      width: 71px !important;
    }
  }
  /deep/ .w275 {
    width: 275px !important;
    /deep/ .el-input__inner {
      width: 275px !important;
    }
  }
  .color000 {
    color: #000000;
  }
  .color333 {
    color: #333333;
  }
  .color666 {
    color: #666666;
  }
  .textColAlignment {
    display: inline-block;
    height: 32px;
    line-height: 32px;
  }
  .labelNoHeight {
    /deep/ .el-form-item__label {
      height: 0 !important;
    }
  }
  .p_d40 {
    padding-left: 21px;
  }
  .w200 {
    /deep/ .el-input {
      width: 200px !important;
      /deep/ .el-input__inner {
        width: 200px !important;
      }
    }
  }
  .errorInfoPosition {
    /deep/ .el-form-item__error {
      left: 112px;
    }
  }
  .labelTextColor666 {
    /deep/ .el-form-item__label {
      color: #666666;
    }
  }
  .formItemNoMargin {
    margin-bottom: 0 !important;
  }
  .form-item-content-noMargin {
    /deep/ .el-form-item__content {
      margin-right: 0 !important;
    }
  }
  .width280 {
    width: 280px !important;
  }
  .m_l5 {
    margin-left: 5px !important;
  }
  .m_l10 {
    margin-left: 10px !important;
  }
  /deep/ .textBtn {
    padding: 0 5px !important;
  }
  .mr5 {
    margin-right: 5px;
  }
  .w108 {
    width: 108px;
  }
  .w120 {
    width: 120px;
  }
  .labelMarginRight10 {
    /deep/ .el-form-item__label {
      margin-right: 10px !important;
    }
  }
  /deep/ .w356 {
    width: 356px !important;
    /deep/ .el-input__inner {
      width: 356px !important;
    }
  }

  .w150 {
    /deep/ .el-input {
      width: 150px !important;
      /deep/ .el-input__inner {
        width: 150px;
      }
    }
  }
  /deep/ .inputInner_paddingRight16 {
    /deep/ .el-input__inner {
      padding-right: 16px !important;
    }
  }
  .width267 {
    width: 267px !important;
  }
  .el-dialog-style {
    /deep/ .el-dialog {
      width: 610px;
      padding-left: 40px;
      padding-right: 40px;
      padding-bottom: 40px;
      .el-dialog__body {
        padding: 0;
        padding-top: 40px;
        /deep/ .el-form-item__label {
          margin-right: 0 !important;
        }
      }
    }
  }
  .search-input {
    .times {
      .times-to {
        padding: 0 10px;
        height: 32px;
        line-height: 32px;
        color: #999;
        display: inline-block;
      }
      /deep/ .el-input {
        width: 208px !important;
        .el-input__inner {
          width: 208px !important;
        }
      }
    }
  }
  .specicalTable{
    /deep/ .el-button{
      margin-left: 0 !important;
    }
  }
  .w109{
    width: 109px;
  }
  .w280{
    /deep/ .el-input{
      width: 280px !important;
      .el-input__inner{
        width: 280px;
      }
    }
  }
  .w129{
    width: 129px;
  }
</style>
